/* iphone 6 plus or less - unfix headers */
@media only screen and (max-width : 767px) 
{
    .global-header 
    {        
        position:absolute !important;
    }

    .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top 
    {
        position:absolute !important;        
    }
    
    /* this is a test, might have to remove this line */
    .setwrapper-leftcol { position:absolute; top:0; } 
    
    .image-picker-controls { position:absolute; top:0; }   
    .page-sidebar-wrapper, .page-sidebar-fixed .page-sidebar, .page-sidebar-menu { width:100% !important; min-width:767px !important; } 
    .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li { width:100% !important; min-width:767px !important; }
    .page-content-wrapper { width:100% !important; min-width:767px !important; }   
    
    .lightbox.fullscreen { max-width:740px !important; }
.cmodalbg { width:767px !important; }
	.document-noscroll { position:static; }
}

/* iphone 6 portrait */
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
    .lightbox.fullscreen { max-height:75%; }
.lightbox.fullscreen { max-width:440px !important; }
.lightbox.fullscreen .footer .label-text-gray { display:none !important; } 
}


/* Prevent the UI from rendering smaller than a portrait iPad */
@media only screen and (max-width : 767px)
{
    
    body { overflow-x:visible; }

    .global-header 
    {
        min-width:767px !important;
    }

    .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top 
    {        
        min-width:767px !important;        
    }

    .page-content-wrapper .page-content { min-width:767px !important; }        
} 

@media only screen and (max-width : 768px)
{    
    .page-sidebar.navbar-collapse.in { position:absolute; top:0; left:0; right:0; }
    .page-sidebar.navbar-collapse.collapsing { position:absolute; top:0; left:0; right:0; }
    .pageNew { margin-top:-65px; }
} 


/* adjust cart below 960px */
@media only screen and (max-width : 959px) 
{
    .cart .ordersummary  { position:static !important; width:100% !important; }
    .cart > .content { padding:20px; min-width:768px; }
    .cart > .content .leftcol { width:100% !important; }
    .microsection-body > .content { width:100% !important; }
    .microsection-header-main { width:100%; min-width:768px; }
    .microsection-header-main > .content { width:100%; padding-left:20px; min-width:768px; }
}


/* Responsive thumbnails */
@media screen and (min-width:500px) {
	.thumbnailparent {
		position: relative;
	}
	/* div, h2 { position: absolute; } */
}

/* Three Column */

@media screen and (min-width:100px) {
	.thumbnailparent {
		width: 31%;
		margin: 0 2% 20px 0;
		padding-bottom: 31%;
	}
}

/* Four Column */

@media screen and (min-width:1024px) {
	.thumbnailparent {
		width: 23%;
		margin: 0 2% 18px 0;
		padding-bottom: 23%;
	}
}

/* Five Column */

@media screen and (min-width:1240px) {
	.thumbnailparent {
		width: 19%;
		margin: 0 1% 11px 0;
		padding-bottom: 19%;
	}
}

/* Six Column */

@media screen and (min-width:1500px) {
	.thumbnailparent {
		width: 15%;
		margin: 0 1.5% 20px 0;
		padding-bottom: 15%;
	}
}



/* Seven Column */

@media screen and (min-width:1680px) {
	.thumbnailparent {
		width: 13%;
		margin: 0 1.1% 20px 0;
		padding-bottom: 13%;
	}
}